* {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  display: block;
}
html {
  font-size: 5.33332vw;
}
body {
  background-color: #eff0f4;
  padding: 0 0.7rem 0 0.75rem;
  height: 10000px;
}
header {
  height: 4.375rem;
  background: skyblue;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header span {
  font-size: 1.25rem;
  color: #24253d;
}
header i {
  color: #999;
}
header i em {
  color: #757575;
}
.banner ul li a {
  display: block;
}
.banner ul li a img {
  width: 100%;
}
nav {
  height: 6.1rem;
  background: yellow;
  margin-top: 1rem;
}
nav ul {
  height: 100%;
  background: lightblue;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
nav ul li {
  font-size: 0.75rem;
  border-radius: 0.325rem;
  background-image: linear-gradient(180deg, #f97053 56%, #f47866 100%);
  box-shadow: 0px 5px 8px 0px rgba(187, 187, 187, 0.42);
  width: 8.175rem;
  height: 2.6rem;
}
nav ul li:nth-of-type(2) {
  background-image: linear-gradient(to left, #c657ff 56%, #d484fd 100%);
}
nav ul li:nth-of-type(3) {
  background-image: linear-gradient(to left, #ff3971 56%, #fe497c 100%);
}
nav ul li:last-child {
  background-image: linear-gradient(to left, #1d92ff 56%, #1bc9fb 100%);
}
nav ul li a {
  display: block;
  height: 100%;
  line-height: 2.6rem;
  color: #fff;
  text-decoration: none;
}
nav ul li a i {
  margin: 0 0.875rem 0 0.975rem;
}
.list-title {
  height: 0.7rem;
  background: pink;
  margin-top: 1.25rem;
  line-height: 0.7rem;
}
.list-title h3 {
  float: left;
  border-left: 0.075rem solid #3a84ff;
  font-size: 0.825rem;
  height: 100%;
  margin-left: -1px;
  color: #24253d;
  font-weight: 400;
  padding-left: 0.425rem;
}
.list-title a {
  float: right;
  font-size: 0.7rem;
  text-decoration: none;
  color: #656565;
}
.list-detail {
  overflow: scroll;
  width: 104%;
  height: 8.075rem;
  background-color: skyblue;
  margin-top: 1rem;
}
.list-detail ul {
  display: flex;
  background: lightpink;
  justify-content: space-between;
  width: 51.7rem;
}
.list-detail ul li {
  border-radius: 0.325rem;
  background-color: #ffffff;
  box-shadow: 0px 5px 11px 0px rgba(182, 182, 182, 0.23);
  width: 8.2rem;
  height: 8.075rem;
}
.list-detail ul li a {
  display: block;
  height: 100%;
}
.list-detail ul li a img {
  width: 7.125rem;
  margin: 0.525rem 0 0 0.475rem;
}
